<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>{$siteRs.title}</title>
<meta name="keywords" content="{$siteRs.keyword}" />
<meta name="description" content="{$siteRs.description}" />
<link rel="shortcut icon" type="image/x-icon" href="{$siteRs.ico}" />
{include file="public/css" /}
<link rel="stylesheet" href="{:config('template.skin')}/css/animate.min.css">
</head>
<body>
{include file="public/head" /}
<!--banner 开始-->
<div id="myCarousel" class="carousel slide" data-ride="carousel">
    <ol class="carousel-indicators">
        <?php $banner = ad(5,$lang); ?>
        {foreach $banner as $key=>$adRs}
            <li data-target="#myCarousel" data-slide-to="{$key}" {eq name="key" value="0"}class="active"{/eq}></li>
        {/foreach}
    </ol>
    <div class="carousel-inner">
        {foreach $banner as $key=>$adRs}
            <div class="carousel-item pt-5 {eq name="key" value="0"}active{/eq}" style="background:url({$adRs.thumb}) center no-repeat;">
                <div class="col-md-12 mt-sm-5 pt-4 pt-sm-5 text-center dream" data-animate="zoomIn,1s">
                    <div class="h2 text-white mb-5 ellipsis line-2">{$adRs.title|raw}</div>
                    <div class="h5 mt-3 text-white d-none d-sm-block">{$adRs.description|raw}</div>
                </div>
                <div class="col-md-12 mt-5 text-center d-none d-sm-block"><a href="{$adRs.linkurl}" class="btn btn-rounded px-4 h6 btn-outline-secondary">{:lang('v_view')} {:lang('v_detail')} &raquo;</a></div>
            </div>
        {/foreach}
    </div>
    <a class="carousel-control-prev" href="#myCarousel" role="button" data-slide="prev">
        <span class="carousel-control-prev-icon" aria-hidden="true"></span>
        <span class="sr-only">Previous</span>
    </a>
    <a class="carousel-control-next" href="#myCarousel" role="button" data-slide="next">
        <span class="carousel-control-next-icon" aria-hidden="true"></span>
        <span class="sr-only">Next</span>
    </a>
</div>
<!--banner 结束-->
<!--关于我们 开始-->
<div id="about" class="w-100 my-3 my-sm-5">
    <div class="container py-3">
        <div class="row">
            <div class="col-sm-5 dream d-none d-sm-block" data-animate="fadeInLeft,3s"><img src="{$about_img}" alt="{$siteRs.title}" class="w-100 rounded" onerror="this.src='/skin/admin/img/nopic.png'"></div>
            <div class="col-sm-7 dream" data-animate="fadeInRight,2s">
                <div class="w-100 text-center text-sm-left h5 font-weight-bold text-uppercase">—<span class="mx-3">{:lang('v_about')}</span>—</div>
                <div class="w-100 mt-3 h6 line-height-180">{$aboutus|raw}</div>
            </div>
        </div>
    </div>
</div>
<!--关于我们 结束-->
<!-- 产品 开始 -->
<div class="container mt-3 mt-sm-5 pb-4">
    <div class="text-center h5 font-weight-bold mb-4">—<span class="mx-3">{:lang('v_product')}</span>—</div>
    <div class="row d-flex d-sm-none">
        <?php $proList = table_list('product', 0, 'id,title,thumb', $lang, 4, "product.sequence desc"); ?>
        {volist name="proList" id="proRs"}
            <div class="col-6 col-sm-3 mb-4 mb-sm-3">
                <a href="<?php the_view_url($proRs['id'],'product'); ?>">
                    <div class="w-100 img-border">
                        <img src="{$proRs.thumb}" class="w-100 mb-2" alt="{$proRs.title}">
                        <div class="w-100 h5 line-height-180 ellipsis line-1">{$proRs.title|raw}</div>
                    </div>
                </a>
            </div>
        {/volist}
        <div class="col-sm-12 mt-sm-4 text-center">
            <a class="btn btn-rounded px-4 h6 btn-success" href="<?php the_list_url('product'); ?>">{:lang('v_view')} {:lang('v_more')} &raquo;</a>
        </div>
    </div>
    <div class="row no-gutters position-relative d-none d-sm-flex">
        <div class="position-absolute index-style bg-olive-yellow text-white text-center h4 mb-0 dream" data-animate="rotateIn,2s">
            <div class="index-square text-uppercase">
                <div class="w-100 my-2">{:lang('v_new_product')}</div>
                {if $lang eq 'cn'} <div class="w-100 h6 mb-0">New Products</div>{/if}
            </div>
        </div>
        {volist name="proList" id="proRs"}
            <div class="col-6">
                <div class="thumb-info thumb-info-centered-info rounded-0">
                    <div class="thumb-info-wrapper rounded-0 max-height-280">
                        <img src="{$proRs['thumb']}" class="w-100 rounded-0" alt="{$proRs.title}" onerror="this.src='/skin/admin/img/nopic.png'">
                        <div class="thumb-info-title">
                            <div class="thumb-info-inner text-white h5 mb-3">{$proRs.title}</div>
                            <a href="<?php the_view_url($proRs['id'], 'product'); ?>" class="btn btn-rounded px-4 h6 btn-outline-secondary text-white">{:lang('v_view')} {:lang('v_detail')}</a>
                        </div>
                    </div>
                </div>
            </div>
        {/volist}
    </div>
</div>
<!-- 产品 结束 -->
<!--新闻 开始-->
<div id="news" class="container mt-4 mt-sm-5">
    <div class="h5 font-weight-bold mb-3 text-center">—<span class="mx-3">{:lang('v_news')}</span>—</div>
    <div class="row mt-4 dream" data-animate="fadeInUp,2s">
        <div class="col-sm-9">
            <?php
                $newsList = table_list('news', 0, 'id,title,description,addtime', $lang, 2, "news.addtime desc");
            ?>
            {volist name="newsList" id="newsRs"}
                <div class="w-100 px-2 px-sm-0 mb-2">
                    <div class="row">
                        <div class="col-3 col-sm-2 alert-olive-yellow text-center">
                            <div class="w-100 h4 mt-3 mb-0">{$newsRs.addtime|date='d'}</div>
                            <div class="w-100 h5">{$newsRs.addtime|date='Y-m'}</div>
                        </div>
                        <div class="col-9 col-sm-10">
                            <div class="w-100 h5 font-weight-bold ellipsis line-1"><a href="<?php the_view_url($newsRs['id'],'news'); ?>">{$newsRs.title|raw}</a></div>
                            <div class="w-100 mt-2 h6 line-height-180 mb-0 text-muted ellipsis line-2">{$newsRs.description|raw}</div>
                        </div><hr class="w-100 mt-4">
                    </div>
                </div>
            {/volist}
        </div>
        <div class="col-md-12 mt-4 text-center d-block d-sm-none"><a href="<?php the_list_url('news'); ?>" class="btn btn-rounded px-4 btn-success h6">&raquo; {:lang('v_view')} {:lang('v_more')}</a></div>
        <div class="col-sm-3 text-center d-none d-sm-block">
            <div class="w-100 position-relative" style="height:240px; background: url({$index_news_bg}) center center no-repeat;">
                <a href="<?php the_list_url('news'); ?>" class="position-absolute index-news-more h6">{:lang('v_view')} {:lang('v_more')} &raquo;</a>
            </div>
        </div>
    </div>
</div>
<!--新闻 结束-->
{include file="public/foot" /}
<script type="text/javascript" src="{:config('template.skin')}/js/animate.js"></script>
</body>
</html>